<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>vue控制流指令</title>
    <script src="./lib/vue2.6.11.js" ></script>
</head>

<body>
<div id="app">
    <div v-if="role == 'admin' || role == 'super_admin'">
        管理员您好
    </div>
    <div v-else-if="role == 'hr'">
        待查看简历列表:<br>
        ...
    </div>
    <div v-else>
        您没有权限访问此页面
    </div>

</div>

</body>
</html>

<script src="./js/main.js" ></script>
<!--
v-if和v-show的区别
v-if隐藏, 是dom中永久删除
v-show隐藏, dom中还存在,只是单纯隐藏
 -->
